<template>
  <div class="search-module-wrapper flex f-ai-c">
    <span class="title">电影分类</span>
    <search-input placeholder="搜你想看的影片" @handleInput="handleInput">
      <template v-slot:icon>
        <i class="iconfont icon-xingqiu"></i>
      </template>
    </search-input>
    <i class="iconfont icon-zhongbiao" @click="handleBrowseHistory"></i>
    <i class="iconfont icon-fenxiang" @click="handleShare"></i>
  </div>
</template>

<script>
import SearchInput from "../../components/SearchInput";
export default {
  name: "SearchModule",
  components: {
    SearchInput
  },
  methods: {
    handleBrowseHistory() {},
    handleShare() {},
    handleInput() {}
  }
};
</script>

<style scoped>
.search-module-wrapper {
  width: 375px;
  height: 60px;

  background-image: url("../../assets/leo-bg-r.png");
  background-size: 100% 123%;
}
.title {
  margin: 0 10px;

  color: white;
  font-size: 20px;
}
.icon-zhongbiao,
.icon-fenxiang {
  margin: 0 10px;
  color: white;
  font-size: 20px;
}
</style>
